<template>
  <div class="some-where-container padding-0-30">
    <div class="feature-recommend">
      <div class="recommend margin-top-2" v-for="(tourType, index) in tourTypes" :key="index">
        <img class="imgs border-radiu-2" :src="tourType.images" />
        <div class="recommed-title">{{ tourType.title }}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "featureRecommend",
  data() {
    return {
      tourTypes: [
        { title: "历史文化", images: require("@/assets/img/home/文化2.png") },
        { title: "美食", images: require("@/assets/img/home/美食.png") },
        { title: "美食2", images: require("@/assets/img/home/forest.jpg") },
        { title: "美食3", images: require("@/assets/img/home/mountain.jpg") },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>